{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}">
    <meta charset="UTF-8">
    <title>Details</title>
</head>
<body>
<div class="container" style="width: 100%;height: 800px;margin-top: 20px">
    <div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading"><h3>{{ data_details.case_name }}（{{ data_details.case_alias }}）</h3></div>
        <div class="panel-body">
            <p>{{data_details.case_introduction}}</p>
        </div>

        <!-- Table -->
        <table class="table">
            <!-- row1 -->
            <tr>
                <th scope="row">相关症状</th>
            </tr>
            <tr>
                <td>{{ data_details.case_related_symptoms }}</td>
            </tr>
            <!-- row2 -->
            <tr>
                <th scope="row">是否医保</th>
            </tr>
            <tr>
                <td>{{ data_details.case_medical_insurance }}</td>
            </tr>
            <!-- row3 -->
            <tr>
                <th scope="row">挂号科室</th>
            </tr>
            <tr>
                <td>{{ data_details.case_dep_main }}</td>
            </tr>
            <!-- row4 -->
            <tr>
                <th scope="row">传染性</th>
            </tr>
            <tr>
                <td>{{data_details.case_infectivity}}</td>
            </tr>

            <!-- row5 -->
           <!-- <tr>
                <th scope="row">发病部位</th>
            </tr>
            <tr>
                <td></td>
            </tr>

            <tr>
                <th scope="row">治疗周期</th>
            </tr>
            <tr>
                <td></td>
            </tr>
             -->


            <!-- row7 -->
            <tr>
                <th scope="row">多发人群</th>
            </tr>
            <tr>
                <td>{{ data_details.case_fre_occ_population }}</td>
            </tr>
            <!-- row8 -->
            <tr>
                <th scope="row">详细症状</th>
            </tr>
            <tr>
                <td>{{ data_details.case_detail_symptoms }}</td>
            </tr>
            <!-- row9 -->
            <tr>
                <th scope="row">治疗方法</th>
            </tr>
            <tr>
                <td>{{ data_details.case_therapeutic_method_short }}</td>
            </tr>
            <!-- row10 -->
            <tr>
                <th scope="row">详细治疗</th>
            </tr>
            <tr>
                <td>{{ data_details.case_therapeutic_method_long }}</td>
            </tr>
             <!-- row11 -->
            <tr>
                <th scope="row">病例链接</th>
            </tr>
            <tr>
                <td>{{ data_details.case_information_link }}</td>
            </tr>

        </table>
    </div>
</div>

</body>
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
<script src="{% static 'bootstrap/js/jquery-3.6.0.min.js' %}"></script>
</html>